<!doctype html>
<html>

  <head>
    <meta charset="utf-8">
    <title>猜灯谜</title>
    <meta name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/animate.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet" />
  </head>

  <body>
    <div class="container">
      <div class="page load">
        <img class="bianpao scale-animate" src="./img/load/bianpao.png" alt="">
        <div class="yanhua">
          <img class="yanhua1 scale-opacity-animate" src="img/load/yanhua1.png" alt="">
          <img class="yanhua2 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
          <img class="yanhua3 scale-opacity-animate" src="img/load/yanhua3.png" alt="">
          <img class="yanhua4 scale-opacity-animate" src="img/load/yanhua4.png" alt="">
          <img class="yanhua5 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
        </div>
        <div class="loading">
          <img class="progress" src="./img/load/loading.png" alt="">
          <img class="wushi" src="./img/load/wushi.png" alt="">
        </div>
      </div>
      <div class="page p1">
        <div class="yanhua">
          <img class="yanhua1 scale-opacity-animate" src="img/load/yanhua1.png" alt="">
          <img class="yanhua2 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
          <img class="yanhua3 scale-opacity-animate" src="img/load/yanhua3.png" alt="">
          <img class="yanhua4 scale-opacity-animate" src="img/load/yanhua4.png" alt="">
          <img class="yanhua5 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
        </div>
        <img class="bianpao scale-animate" src="./img/p1/bianpao.png" alt="">
        <img class="top" src="./img/p1/top.png" alt="">
        <img class="btn" src="./img/p1/我要猜灯谜.png" alt="">
      </div>
      <div class="page p2">
        <div class="yanhua">
          <img class="yanhua1 scale-opacity-animate" src="img/load/yanhua1.png" alt="">
          <img class="yanhua2 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
          <img class="yanhua3 scale-opacity-animate" src="img/load/yanhua3.png" alt="">
          <img class="yanhua4 scale-opacity-animate" src="img/load/yanhua4.png" alt="">
          <img class="yanhua5 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
        </div>
        <img class="top" src="./img/p2/top.png" alt="">
        <div class="text">
          <p>1 、本活动仅限参加比赛用户参与。</p>
          <p>2 、用户在页面内可参与猜灯谜活动，本次活动共有6道灯谜题，需全部答对方可领取元旦祝福语。</p>
          <P>3、如您已拥有祝福语，不要重复领取哦，本活动有效期7天呢！还等什么？快来领取吧！</P>
        </div>
        <img class="btn" src="./img/p2/开始猜灯谜.png" alt="">
      </div>
      <div class="page p3">
        <div class="yanhua">
          <img class="yanhua1 scale-opacity-animate" src="img/load/yanhua1.png" alt="">
          <img class="yanhua2 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
          <img class="yanhua3 scale-opacity-animate" src="img/load/yanhua3.png" alt="">
          <img class="yanhua4 scale-opacity-animate" src="img/load/yanhua4.png" alt="">
          <img class="yanhua5 scale-opacity-animate" src="img/load/yanhua2.png" alt="">
        </div>
        <img class="top" src="./img/p3/top.png" alt="">
        <div class="list l-center">
          <img src="./img/p3/denglong1.png" alt="" class="item scale-animate">
          <img src="./img/p3/denglong1.png" alt="" class="item scale-animate">
          <img src="./img/p3/denglong2.png" alt="" class="item scale-animate">
          <img src="./img/p3/denglong2.png" alt="" class="item scale-animate">
          <img src="./img/p3/denglong2.png" alt="" class="item scale-animate">
          <img src="./img/p3/denglong2.png" alt="" class="item scale-animate">
        </div>
        <div class="tip">小提示：全部答对获取祝福哦~</div>
        <div class="modal">
          <div class="content l-center">
            <div class="text">
              <div class="title">充耳不闻无话讲</div>
              <div class="info">(打一茶名)</div>
              <div class="options l-center">
                <span data-op="A" class="active">A: 龙井</span>
                <span data-op="B">A: 龙井</span>
                <span data-op="C">A: 龙井</span>
                <span data-op="D">A: 龙井</span>
              </div>
            </div>
            <img class="submit" src="./img/p3/submit.png" alt="">
            <div class="tip l-center t-center">请选择你的回答!</div>
          </div>
        </div>
        <img class="btn" src="./img/p3/我的祝福语.png" alt="">
        <div class="card">
          <img class="l-center" src="./img/p3/card.png" alt="">
          <img class="gohome l-center" src="./img/p3/返回首页.png" alt="">
        </div>
      </div>
    </div>
  </body>
  <script src="js/utils.js"></script>
  <script src="js/index.js"></script>
</html>
